.store-search-empty-container {
  width: 100%;
  height: fit-content;
  padding: 40rpx 0;
  --animate-duration: 500ms;

  .search-history-container {
    width: 100%;
    height: fit-content;

    .title-container {
      width: 100%;
      height: fit-content;
      display: flex;
      flex-direction: row;
      padding: 0 40rpx;
      font-size: 26rpx;
      color: #888;

      text:last-child {
        margin-left: auto;
      }
    }

    .content-container {
      width: 100%;
      height: 50rpx;
      padding: 0 34rpx;
      margin-top: 20rpx;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

      .content {
        padding: 8rpx 22rpx;
        margin: 8rpx 6rpx;
        display: flex;
        flex-direction: row;
        font-size: 26rpx;
        color: #333;
        background-color: #f6f6f6;
        border-radius: 30rpx;

        .content-text {
          max-width: 45vw;
          height: 100%;
          flex-shrink: 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }

        .close-btn {
          width: fit-content;
          height: 100%;
          flex-shrink: 0;
          display: inline;
          margin-left: 10rpx;
        }
      }

      .empty-content {
        width: 100%;
        font-size: 24rpx;
        color: #999;
        text-align: center;
        line-height: 90rpx;
      }
    }
  }
}